<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登陆界面</title>
    <link href="static/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="static/js/jquery-1.11.1-min.js"></script>
    <script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" href="#">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Profile</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="#">Messages</a>
                </li>
                <li class="nav-item dropdown ml-md-auto">
                    <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                        <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>
                        <div class="dropdown-divider">
                        </div> <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                </div>
                <div class="col-md-4">
                    <form role="form">
                        <div class="form-group">

                            <label for="exampleInputEmail1">
                                Email address
                            </label>
                            <input type="email" class="form-control" id="exampleInputEmail1" />
                        </div>
                        <div class="form-group">

                            <label for="exampleInputPassword1">
                                Password
                            </label>
                            <input type="password" class="form-control" id="exampleInputPassword1" />
                        </div>
                        <div class="form-group">

                            <label for="exampleInputFile">
                                File input
                            </label>
                            <input type="file" class="form-control-file" id="exampleInputFile" />
                            <p class="help-block">
                                Example block-level help text here.
                            </p>
                        </div>
                        <div class="checkbox">

                            <label>
                                <input type="checkbox" /> Check me out
                            </label>
                        </div>
                        <button type="submit" class="btn btn-primary">
                            Submit
                        </button>
                    </form>
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
        </div>
    </div>
</div>
</body>
</html>

<%--<div class="media-left">--%>
<%--    <a href="">--%>
<%--        <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>
<%--    </a>--%>
<%--</div>--%>
<%--<div class="media-body" style="width: 500px">--%>
<%--        <span style="margin-top: 10px;">--%>
<%--            <h4 class="media-heading" style="font-size: 17px;">--%>
<%--            <a>帮我解决这道数学题</a>--%>
<%--            </h4>--%>
<%--        </span>--%>
<%--    <span class="common-list">--%>
<%--            <span >10个评论 •</span>--%>
<%--            <span>220 次浏览•</span>--%>
<%--            <span>0个点赞 </span>--%>
<%--            <span style="float: right; ">发布时间:2021年11月26日</span>--%>
<%--        </span>--%>
<%--</div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>

<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>
<%--        </a>--%>
<%--    </div>--%>
<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>帮我解决这道数学题</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list">--%>
<%--                <span >10个评论 •</span>--%>
<%--                <span>220 次浏览•</span>--%>
<%--                <span>0个点赞 </span>--%>
<%--                <span style="float: right; ">发布时间:2021年11月26日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>
<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>

<%--        </a>--%>
<%--    </div>--%>

<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>张顺、陈家豪不要摆烂</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span>6个评论 •</span>--%>
<%--                <span>66次浏览•</span>--%>
<%--                <span>666个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月26日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>
<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>

<%--        </a>--%>
<%--    </div>--%>

<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>张顺、陈家豪不要摆烂</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span>6个评论 •</span>--%>
<%--                <span>66次浏览•</span>--%>
<%--                <span>666个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月26日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>
<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>

<%--        </a>--%>
<%--    </div>--%>

<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>陈家豪、张顺不要摸鱼了</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span >0个评论 •</span>--%>
<%--                <span>0次浏览•</span>--%>
<%--                <span>0个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月30日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>
<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>

<%--        </a>--%>
<%--    </div>--%>

<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>陈家豪、张顺不要摸鱼了</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span >0个评论 •</span>--%>
<%--                <span>0次浏览•</span>--%>
<%--                <span>0个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月30日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>
<%--<div class="media"  style="margin-top: 22px;margin-left: 20px">--%>
<%--    <div class="media-left">--%>
<%--        <a href="">--%>
<%--            <img width="40px" class="media-object img-circle picset" src="static/image/user-thumbnail.png">--%>

<%--        </a>--%>
<%--    </div>--%>

<%--    <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>陈家豪、张顺不要摸鱼了</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span >0个评论 •</span>--%>
<%--                <span>0次浏览•</span>--%>
<%--                <span>0个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月30日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>  <div class="media-body" style="width: 500px">--%>
<%--            <span style="margin-top: 10px;">--%>
<%--                <h4 class="media-heading" style="font-size: 17px;">--%>
<%--                <a>陈家豪、张顺不要摸鱼了</a>--%>
<%--                </h4>--%>
<%--            </span>--%>
<%--        <span class="common-list" >--%>
<%--                <span >0个评论 •</span>--%>
<%--                <span>0次浏览•</span>--%>
<%--                <span>0个点赞 </span>--%>
<%--                <span style="float: right;">发布时间:2021年11月30日</span>--%>
<%--            </span>--%>
<%--    </div>--%>
<%--    <hr>--%>
<%--</div>--%>